🤖 AI Dev Assistant

VS Code Extension React TypeScript Tailwind CSS Node.js Python

License: MIT PRs Welcome GitHub Stars GitHub Issues

🚀 Supercharge your development workflow with AI-powered assistance for JIRA integration, code generation, and project management!

📖 Documentation🎯 Features⚡ Quick Start🤝 Contributing


🎯 Overview

AI Dev Assistant is a comprehensive development toolkit that seamlessly integrates JIRA project management with AI-powered code generation and VS Code extension capabilities. Transform your development workflow with intelligent automation, streamlined task management, and powerful code generation features.

✨ What Makes It Special?


🎯 Features

🚀 Core Features

Feature Description Status
🎫 JIRA Integration Connect to JIRA, fetch tickets, and sync project data ✅ Complete
🤖 AI Code Generation Generate code based on JIRA ticket requirements ✅ Complete
🎨 Modern UI Beautiful React frontend with dark theme ✅ Complete
🔧 VS Code Extension Deep integration with VS Code editor ✅ Complete
📊 Progress Tracking Real-time development progress monitoring ✅ Complete
🔄 GitHub Integration Seamless Git workflow automation ✅ Complete

🎨 Frontend Features

🔧 VS Code Extension Features

🌐 Backend Features

Node.js Server

Python Server


🏗️ Architecture

graph TB A[VS Code Extension] --> B[Node.js Backend] A --> C[Python Backend] B --> D[JIRA API] B --> E[GitHub API] C --> F[AI Models] G[React Frontend] --> B G --> C H[Users] --> A H --> G

📁 Project Structure

📦 AI Dev Assistant
├── 🎨 frontend/                 # React Frontend Application
│   ├── 🎯 src/components/       # React Components
│   ├── 🎨 src/styles/           # Tailwind CSS Styles
│   └── 🔧 src/services/         # API Services
├── 🔧 ai-dev-assistant/         # VS Code Extension
│   ├── 📦 src/                  # Extension Source Code
│   ├── 🎯 src/services/         # Extension Services
│   └── 🔧 src/utils/            # Utility Functions
├── 🌐 backend/
│   ├── 🟢 node-server/          # Node.js Backend
│   │   ├── 🎯 src/routes/       # API Routes
│   │   ├── 🔧 src/services/     # Business Logic
│   │   └── 🛡️ src/middleware/    # Express Middleware
│   └── 🐍 python-server/        # Python Backend
│       ├── 🎯 src/api/          # FastAPI Routes
│       ├── 🔧 src/services/     # Python Services
│       └── 🤖 src/models/       # Data Models
└── 📖 docs/                    # Documentation

⚡ Quick Start

📋 Prerequisites

Before you begin, ensure you have the following installed:

🚀 Installation

1️⃣ Clone the Repository

git clone https://github.com/yourusername/ai-dev-assistant.git
cd ai-dev-assistant

2️⃣ Setup Frontend

cd frontend
npm install
npm start

The React app will start at http://localhost:3000 🎉

3️⃣ Setup Node.js Backend

cd backend/node-server
npm install
npm start

The Node.js server will start at http://localhost:3001 🚀

4️⃣ Setup Python Backend

cd backend/python-server
pip install -r requirements.txt
python src/main.py

The Python server will start at http://localhost:8000 🐍

5️⃣ Install VS Code Extension

cd ai-dev-assistant
code --install-extension ai-dev-assistant-0.1.0.vsix

🎯 Configuration

Environment Variables

Create .env files in each server directory:

Node.js Backend (.env)

JIRA_BASE_URL=https://your-domain.atlassian.net
JIRA_EMAIL=your-email@company.com
JIRA_API_TOKEN=your-jira-api-token
GITHUB_TOKEN=your-github-token
PORT=3001

Python Backend (.env)

ANTHROPIC_API_KEY=your-anthropic-api-key
JIRA_BASE_URL=https://your-domain.atlassian.net
JIRA_EMAIL=your-email@company.com
JIRA_API_TOKEN=your-jira-api-token
PORT=8000

📖 Documentation

🎯 API Documentation

Node.js Backend APIs

Endpoint Method Description
/api/jira/tickets GET Fetch JIRA tickets
/api/jira/ticket/:id GET Get specific ticket
/api/github/repos GET List GitHub repositories
/api/auth/login POST Authenticate user

Python Backend APIs

Endpoint Method Description
/api/v1/generate-code POST Generate code from ticket
/api/v1/analyze-ticket POST Analyze JIRA ticket
/api/v1/workflow/start POST Start automated workflow

🔧 VS Code Extension Commands

Command Description Shortcut
ai-dev-assistant.fetchTickets Fetch JIRA tickets Ctrl+Shift+J
ai-dev-assistant.generateCode Generate code from ticket Ctrl+Shift+G
ai-dev-assistant.openDashboard Open web dashboard Ctrl+Shift+D

🎨 Frontend Components

Available Routes

Custom Tailwind Classes

.card          /* Styled card component */
.btn-primary   /* Primary button style */
.btn-secondary /* Secondary button style */
.heading-1     /* Large heading style */
.heading-2     /* Medium heading style */
.heading-3     /* Small heading style */
.paragraph     /* Paragraph text style */
.link          /* Link style */

🛠️ Development

📦 Available Scripts

Frontend

npm start          # Start development server
npm run build      # Build for production
npm test           # Run tests
npm run lint       # Run ESLint

Node.js Backend

npm start          # Start server
npm run dev        # Start with nodemon
npm test           # Run tests
npm run lint       # Run ESLint

Python Backend

python src/main.py    # Start server
pytest               # Run tests
black src/           # Format code
flake8 src/          # Lint code

🔧 VS Code Extension Development

npm run compile      # Compile TypeScript
npm run watch        # Watch for changes
npm run package      # Package extension
npm run test         # Run extension tests

🧪 Testing

🎯 Running Tests

# Frontend tests
cd frontend && npm test

# Node.js backend tests
cd backend/node-server && npm test

# Python backend tests
cd backend/python-server && pytest

# VS Code extension tests
cd ai-dev-assistant && npm test

📊 Test Coverage

The project maintains high test coverage across all components:


🚀 Deployment

🐳 Docker Deployment

# Build and run Python backend
cd backend/python-server
docker-compose up -d

# Build frontend for production
cd frontend
npm run build

🌐 Production Setup

  1. Frontend: Deploy to Vercel, Netlify, or your preferred hosting
  2. Node.js Backend: Deploy to Heroku, AWS, or DigitalOcean
  3. Python Backend: Deploy using Docker to any container platform
  4. VS Code Extension: Publish to VS Code Marketplace

🤝 Contributing

We love contributions! 🎉 Here's how you can help make AI Dev Assistant even better:

🌟 How to Contribute

  1. 🍴 Fork the Repository

    git clone https://github.com/yourusername/ai-dev-assistant.git
    
  2. 🌿 Create a Feature Branch

    git checkout -b feature/amazing-new-feature
    
  3. 💻 Make Your Changes

    • Follow our coding standards
    • Add tests for new features
    • Update documentation if needed
  4. ✅ Test Your Changes

    npm test          # Run all tests
    npm run lint      # Check code style
    
  5. 📝 Commit Your Changes

    git commit -m "✨ Add amazing new feature"
    
  6. 🚀 Push and Create PR

    git push origin feature/amazing-new-feature
    

📋 Contribution Guidelines

🎯 What We're Looking For

📝 Code Style

🐛 Reporting Issues

Found a bug? 🐞 Please help us by:

  1. 🔍 Search existing issues first
  2. 📝 Use our issue template
  3. 🔬 Provide detailed reproduction steps
  4. 📷 Include screenshots/logs if applicable

💡 Suggesting Features

Have an idea? 💡 We'd love to hear it!

  1. 📖 Check our roadmap first
  2. 💬 Open a discussion to chat about it
  3. 📝 Create a detailed feature request

🏆 Recognition

Contributors will be recognized in:


🛣️ Roadmap

🎯 Current Sprint (v1.1.0)

🚀 Next Release (v1.2.0)

🌟 Future Vision (v2.0.0)


📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

MIT License - Feel free to use this project for personal and commercial purposes!

🙏 Acknowledgments

💝 Special Thanks

🔗 Built With Love Using


🌟 Star History

Star History Chart


🚀 Ready to supercharge your development workflow?

⬇️ Download Extension🌟 Star on GitHub📖 Read Docs💬 Join Community


Made with ❤️ by the AI Avengers Team- BossVarad17 (Varad Vekariya), and KunjShah95 (Kunj Shah)

🔗 Connect With Us: GitHub Profile - BossVarad17 GitHub Profile - KunjShah95